<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
	<head>
		
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		
		<title>简单OA系统</title>
		
		<!--                       CSS                       -->
	  
		<!-- Reset Stylesheet -->
		<link rel="stylesheet" href="resources/css/reset.css" type="text/css" media="screen" />
	  
		<!-- Main Stylesheet -->
		<link rel="stylesheet" href="resources/css/style.css" type="text/css" media="screen" />
		
		<!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
		<link rel="stylesheet" href="resources/css/invalid.css" type="text/css" media="screen" />	
		
		<!-- Colour Schemes
	  
		Default colour scheme is green. Uncomment prefered stylesheet to use it.
		
		<link rel="stylesheet" href="resources/css/blue.css" type="text/css" media="screen" />
		
		<link rel="stylesheet" href="resources/css/red.css" type="text/css" media="screen" />  
	 
		-->
		
		<!-- Internet Explorer Fixes Stylesheet -->
		
		<!--[if lte IE 7]>
			<link rel="stylesheet" href="resources/css/ie.css" type="text/css" media="screen" />
		<![endif]-->
		
		<!--                       Javascripts                       -->
  
		<!-- jQuery -->
		<script type="text/javascript" src="resources/scripts/jquery-1.7.2.min.js"></script>
		
		<!-- jQuery Configuration -->
		<script type="text/javascript" src="resources/scripts/simpla.jquery.configuration.js"></script>
		
		<!-- Facebox jQuery Plugin -->
		<script type="text/javascript" src="resources/scripts/facebox.js" ></script>
		
		<!-- jQuery WYSIWYG Plugin -->
		<script type="text/javascript" src="resources/scripts/jquery.wysiwyg.js" ></script>
		
		<!-- jQuery Datepicker Plugin -->
		<script type="text/javascript" src="resources/scripts/jquery.datePicker.js"></script>
		<script type="text/javascript" src="resources/scripts/jquery.date.js"></script>
		<!--[if IE]><script type="text/javascript" src="resources/scripts/jquery.bgiframe.js"></script><![endif]-->

		
		<!-- Internet Explorer .png-fix -->
		
		<!--[if IE 6]>
			<script type="text/javascript" src="resources/scripts/DD_belatedPNG_0.0.7a.js"></script>
			<script type="text/javascript">
				DD_belatedPNG.fix('.png_bg, img, li');
			</script>
		<![endif]-->
		
	</head>

	<body>
	
	<frameset cols="25%, *%">
		<frame src="left.jsp" />
		<frame src="home.jsp" />
	</frameset>
	
	<div id="body-wrapper"> <!-- Wrapper for the radial gradient background -->
		
		<div id="sidebar"><div id="sidebar-wrapper"> <!-- Sidebar with logo and menu -->
			
			<h1 id="sidebar-title"><a href="#">简单OA系统</a></h1>
		  
			<!-- Logo (221px wide) -->
			<a href="#"><img id="logo" src="resources/images/logo.png" tppabs="http://demo.ponjoh.com/Simpla-Admin/resources/images/logo.png" alt="Simpla Admin logo" /></a>
		  
			<!-- Sidebar Profile links -->
			<div id="profile-links">
				欢迎回来, <a href="#" title="系统管理员">${userinfo.name}</a><br />
				你in有<a href="#messages" rel="modal">3条未读消息</a><br />
				<br />
				<a href="#" title="个人中心">个人中心</a> | <a href="#" title="退出登陆">退出</a>
			</div>        
			
			<ul id="main-nav">  <!-- Accordion Menu -->
				
				<li>
					<a href="${basePath}/home" class="nav-top-item no-submenu current">首页</a>
				</li>
				
				<li> 
					<a href="#" class="nav-top-item">任务</a>
					<ul>
						<li><a href="${basePath}/task/Task/index">我的任务</a></li>
						<li><a href="#">全部任务</a></li>
						<li><a href="#">任务统计</a></li>
					</ul>
				</li>
				
				<li>
					<a href="#" class="nav-top-item">记事本</a>
					<ul>
						<li><a href="#">新建记事本</a></li>
						<li><a href="#">管理记事本</a></li>
					</ul>
				</li>
				
				<li>
					<a href="#" class="nav-top-item">系统选项</a>
					<ul>
						<li><a href="#">个人中心</a></li>
						<li><a href="#">我的文件</a></li>
						<li><a href="#">安全设置</a></li>
					</ul>
				</li>
				
			</ul> <!-- End #main-nav -->
			
			<div id="messages" style="display: none"> <!-- Messages are shown when a link with these attributes are clicked: href="#messages" rel="modal"  -->
				
				<h3>3条未读消息</h3>
			
				<p>
					<strong>2009-06-17 12:30 by 张三</strong><br />
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
					<small><a href="#" class="remove-link">删除</a></small>
				</p>
			 
				<p>
					<strong>2009-06-02 09:10 by 李四</strong><br />
					Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.
					<small><a href="#" class="remove-link">删除</a></small>
				</p>
			 
				<p>
					<strong>2009-09-25 10:23 by 王五</strong><br />
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
					<small><a href="#" class="remove-link">删除</a></small>
				</p>
				
				<form action="" method="post">
					
					<h4>发送消息</h4>
					
					<fieldset>
						<textarea class="textarea" name="textfield" cols="79" rows="5"></textarea>
					</fieldset>
					
					<fieldset>
					
						<select name="dropdown" class="small-input">
							<option value="option1">张三</option>
							<option value="option2">李四</option>
							<option value="option3">王麻子</option>
						</select>
						
						<input class="button" type="submit" value="发&nbsp;&nbsp;送" />
						
					</fieldset>
					
				</form>
				
			</div> <!-- End #messages -->
			
		</div></div> <!-- End #sidebar -->
		
		<ifreame id="main-content" border="1"></ifreame>
<!-- 		<div id="main-content"> Main Content Section with everything -->
<!-- 		</div> End #main-content -->
		
	</div></body>
  
</html>
